<?php
	include('../inc/config.php');
	include (ROOT.'/inc/funciones_foto.php');
	
	$id     = request('producto_id',0);
	$accion = request('accion','listar');

	if(isset($_GET['listItem'])){ 
	
    	foreach($_GET['listItem'] as $clave=>$valor){
			$ok = $db->Execute("update productos_imagenes set orden='$clave' where id='$valor'");	    		
    	}
    	die();
	}

	if($accion== 'eliminar'){
		// Elimina la publicacion
		$imagen_id = request('imagen_id',0);
		$cond 	= "delete from productos_imagenes where id=".$imagen_id;
		$ok		= $db->Execute($cond);
	}


	    
	if ($accion=='guardar' and $_FILES['imagen']['size'] != 0 ){

		$sql = "select productos.urlamigable, familias.urlamigable1 from productos
				left join familias on productos.familia_id = familias.id
				where productos.id='$id'";
		$rs  = $db->SelectLimit($sql,1);
		$f   = $rs->FetchRow();	

		$z             = explode('.',$_FILES['imagen']['name']);
		$extension     = strtolower( end($z) );
		$NombreArchivo = $id.'-'.time().'-'.$f['urlamigable1'].'-'.$f['urlamigable'].'.'.$extension;
		$destino = SUBIR_FOTOS."/$id/";							
		
		if (! move_uploaded_file ($_FILES['imagen']['tmp_name'], $destino.$NombreArchivo)) {
			echo "<hr>ERROR al subir el archivo<HR>";
		} else {
			

			$marca_agua      = 0;
			$ruta            = $destino;
			$archivo_origen  = $NombreArchivo;
			$archivo_destino = $NombreArchivo;
			$formato_salida  = 1;
			$ancho    = 860;
			$alto     = 450;
			$tn_ancho        = 125;
			$tn_alto         = 80;

			$nueva_imagen = manejo_imagen($ancho,$alto,$tn_ancho,$tn_alto,$marca_agua,$ruta,$archivo_origen,$archivo_destino,$formato_salida);
			//pr($nueva_imagen,1);
			$nombre_final = $nueva_imagen['imagen'];

			$foto = array();
			$foto['id']          = 0;
			$foto['imagen']      = $NombreArchivo;
			$foto['texto']       = $_POST['texto'];
			$foto['producto_id'] = $id;
			//$db->debug = true;
			$ok = $db->AutoExecute("productos_imagenes", $foto, 'INSERT');     
			//die();		
		}


	
	}


    $rs = $db->Execute("select * from productos_imagenes where producto_id='$id' ORDER BY orden ASC") ;
    $Fotos = $rs->GetRows();

?>

<script type="text/javascript" src="<?php echo URL;?>/js/jquery-1.9.1.min.js"></script>
<link href="<?php echo URL;?>/modules/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"  >
<script src="<?php echo URL;?>/modules/bootstrap/js/bootstrap.min.js"></script>

<h3>El tamaño de las imágenes se ajustará a 860px de ancho por 450px de alto</h3>
<div class='ayuda' id='ayuda_imagenes'>
	<h4>Imágenes: Importante</h4>
	<p>Una imágen o fotografía en una web es un "llamado de atención" para los usuarios. Si lo que deseamos es "captar" la atención de ellos es necesario entonces subir imágenes de buena calidad. 
    <br>Caso contrario, una imágen mal tomada, con mala definición o pixeleda, NO captará la atención del usuario visitante, haciendo que su anuncio pierda poco a poco potencial en Internet. 
    <b>Trate de publicar siempre lindas imágenes.</b></p>
</div>



<form name='archivos' action='<?php echo URL;?>/account/galeria.php' method='post' enctype="multipart/form-data" style='float:left;border:1px solid #CCC;padding:30px;'>
	<table>
		<tr>
			<td>
				Imnagen:<br>
				<input type='file' name='imagen' id='imagen' value='' style='padding:3px; height:30px; display:inline-block;'/>
				<br><small>Tamaño máximo permitido: 2Mb. <i>Ancho: 860px - Alto:450px</i> </small>
			</td>
			<td>
				<input type='hidden' name='producto_id' value='<?php echo $id;?>' />
				<input type='hidden' name='accion' value='guardar' />
				<input type='submit' name='subir_foto' value='Subir Imagen' style='float:right;padding:3px;height:30px;cursor:pointer;'/>	
			</td>
		</tr>
	</table>
</form>



<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>


<script type="text/javascript">
  // When the document is ready set up our sortable with it's inherant function(s)
  $(document).ready(function() {
    $("#test-list").sortable({
      handle : '.handle',
      update : function () {
		var order = $('#test-list').sortable('serialize');
		$("#info").load("<?php echo URL;?>/account/galeria.php?accion=ordenar&producto_id=<?php echo $id;?>&"+order);
      }
    });
});
</script>

<style>
	#test-list { list-style: none;}
	#test-list li { display: inline-block; padding: 20px 10px; margin-bottom: 3px; background-color: #efefef;}
	#test-list li img.handle { margin-right: 20px; cursor: move; }
</style>


<?php if (!empty($Fotos)) { ?>
	<div id="info"></div> 
	<ul id="test-list" style='margin:0 0 10px 0; clear:both;'> 	
	<?php foreach($Fotos as $x){ ?>
		<li id="listItem_<?php echo $x['id'];?>">
			<a href='galeria.php?accion=eliminar&producto_id=<?php echo $id;?>&imagen_id=<?php echo $x['id'];?>'
				title='Eliminar este Archivo' onclick="return confirm('Est&aacute; seguro de eliminar este Archivo?');">
				<img src='<?php echo ADMIN;?>img/del.gif' border='0' /></a>
			<img src='<?php echo VER_FOTOS."/$id/".$x['imagen'];?>' height='' width='200'  class="handle"/>
		</li>
	<?php  } //endforeach ?>
	<ul>
	
<?php } //endif ?>